<template>
	<view class="securityBox">
		<view class="securityImg">
			<image src="../../static/images/hall_1.png" mode="aspectFill"></image>
		</view>
		<viwe class="securityContent">
			<viwe class="securityDes">
				<view>天然砂</view>
				<view>保证金: <text>￥100</text> </view>
			</viwe>
			<navigator class="next" url="#">
				<uni-icons type="forward" color="white" size="30"></uni-icons>
			</navigator>
		</viwe>
	</view>
</template>

<script>
	export default {
		name:"Security",
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss">
.securityBox {
	display: flex;
	align-items: center;
	width: 340px;
	height: 55px;
	margin:0 auto;
}
.securityImg > image{
	width: 50px;
	height: 50px;
}
.securityContent {
	display: flex;
	flex: 1;
	justify-content: space-around;
	align-items: center;
	color: white;
	font-size: 14px;
}
.securityDes {
	flex: 1;
	margin-left: 10px;
}
</style>